<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>用户登录</title>
    <!--easyUI样式-->
    <link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/default/easyui.css">
    <!--easyUI依赖的jQuery程序库-->
    <script src="/static/js/plugins/jquery-easyui/jquery.min.js"></script>
    <script src="/static/js/plugins/jquery.form.min.js"></script>
    <!--引入easyUI的程序库-->
    <script src="/static/js/plugins/jquery-easyui/jquery.easyui.min.js"></script>
    <link rel="stylesheet" href="/static/css/style.css">


    <script type="text/javascript">
        $(function () {
            $("#formLogin").ajaxForm(function (data) {
                if (data.success) {
                    window.location.href = "/";
                } else {
                    $.messager.alert('温馨提示', '修改失败,原因:' + data.msg);
                }
            })
            $('#password').keypress(enterLogin).keydown(enterLogin);
        });
        function enterLogin(e) { // 传入 event
            var e = e || window.event;
            if (e.keyCode == 13) {
                $("#formLogin").submit();
            }
        }
    </script>

</head>
</html>
<body style="background:#2684C2;width:100%;text-align:center; color:#FFFFFF">
<script src="/static/js/plugins/snow.js"></script>
<!-- main -->
<div class="main" >
    <h1>德克会员管理系统</h1>
    <div class="main-w3lsrow">
        <!-- login form -->
        <div class="login-form login-form-left">
            <div class="agile-row">
                <h2>欢迎您登录</h2>
                <span class="fa fa-lock"></span>
                <div class="clear"></div>
                <div class="login-agileits-top">
                    <form id="formLogin" method="post">
                        <input type="text" class="name" name="username" Placeholder="Username" required=""/>
                        <input type="password" class="password" name="password" Placeholder="Password" required=""/>
                        <input type="submit" value="登录">
                    </form>
                </div>
                <div class="login-agileits-bottom">
                    <h6><a href="#">忘记密码?</a></h6>
                </div>

            </div>
        </div>
    </div>

    <div class="login-agileits-bottom1">
        <h3>用以下方式登录</h3>
    </div>
    <div class="social_icons agileinfo">
        <ul class="top-links">
            <li><a href="#" class="facebook"><i class="fa fa-facebook"></i>QQ</a></li>
            <li><a href="#" class="twitter"><i class="fa fa-twitter"></i>微信</a></li>
            <li><a href="#" class="linkedin"><i class="fa fa-linkedin"></i>微博</a></li>
        </ul>
    </div>

    <!-- copyright -->
    <div class="copyright">
        <p> © 2018 Fashion Login Form. All rights reserved | Design by </p>
    </div>
</div>
</body>
</head>